body{font-size: 14px;}
.ns-mai{
    overflow: hidden;
    .breadcrumb {
        padding: 10px 0;
        margin-bottom: 0;
        li{
            display: inline-block;
        }
        .active{
            color: #808080;
        }
    }
}
.article{
    .filter {
        position: relative;
        border-top: 1px solid;
        margin-bottom: 5px;
        .f-line{
            height: 38px;
            padding: 6px 8px;
            border-bottom: 1px solid;
            font-size: 12px;
            background-color: rgba(229, 229, 229, 0.4) !important;
            box-sizing: border-box;
            .f-sort{
                float: left;
                a{
                    float: left;
                    padding: 3px 10px;
                    border: 1px solid;
                    margin-right: -1px;
                    background: #FFF;
                    font-size: 12px;
                    &:hover{
                        border-color: turquoise !important;
                    }
                }
            }
        }
    }
}
.product-list{
    margin-top: 10px;
    ul{
        overflow: hidden;
        li{
            height: 420px;
            width: 240px;
            float: left;
            padding: 12px 6px;
            position: relative;
            margin-right: 35px;
            border: 1px solid #fff;
            transition: 0.5s;
            margin-left: 10px;
            &:hover{
                box-shadow: 0 0 4px 4px #f8f8f8;
            }
            .p-img {
                height: 220px;
                position: relative;
                text-align: center;
                width: 220px;
                margin: 0 auto 5px;
                a {
                    display: block;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .p-price{
                position: relative;
                line-height: 22px;
                height: 22px;
                overflow: hidden;
                width: 100%;
                margin: 0 10px 8px 0;
                font-size: 20px;
            }
            .p-name{
                height: 40px;
                margin-bottom: 5px;
                overflow: hidden;
                font-size: 12px;
                line-height: 20px;
                a{
                    color: #888;
                }
            }
            .p-icons{
                overflow: hidden;
                margin-bottom: 10px;
                .icons-hot {
                    background: #e23a3a;
                    color: #fff;
                    border: 1px solid #e23a3a;
                }
                .icons-new {
                    background: #31c19e;
                    color: #fff;
                    border: 1px solid #31c19e;
                }
                .icons {
                    float: left;
                    height: 18px;
                    line-height: 16px;
                    padding: 0 3px;
                    margin-right: 3px;
                    overflow: hidden;
                    text-align: center;
                    font-style: normal;
                    font-size: 12px;
                    cursor: default;
                    border-radius: 2px;
                }
            }
        }
    }
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.ns-border-color-gray {
    border-color: #e5e5e5 !important;
}
.text-color {
    color: #00d7dc !important;
}